<template>
	<view class="home-notice">
		<!-- 公告 -->
		<view class="gg">
			<image src="../../static/imgs/gg.png" mode=""></image> 
			<swiper :autoplay="true" vertical="ture" :interval="3000" :circular="true" :duration="1000" style="width: 80%;height: 30px;" class="gg-swiper">
				<swiper-item v-for="(a,b) in notice" :key="b">
					<view class="swiper-item"  ><text @click="go(b)">{{a}}</text></view>
				</swiper-item>
			</swiper>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				notice:['众赢科技PHA用户公告1','众赢科技PHA用户公告2','众赢科技PHA用户公告3']
			};
		},
		methods:{
			go(b){
				console.log(b,'公告下标');
				uni.navigateTo({
					url:'../../pages/system-notice/system-notice'
				})
			}
		}
	}
</script>

<style>

	.gg{
		display: flex;
		margin: 25rpx 0;
	}
	.gg>image {
		width: 50rpx;
		height: 40rpx;
		margin-left: 60rpx;
		
	}
	swiper{
		padding-left: 36rpx;
	}
	swiper-item{
		line-height: 40rpx;
	}
	
</style>
